<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="format-detection" content="telephone=no">
	    <meta name="format-detection" content="address=no">
	    <link rel="stylesheet" type="text/css" href="css/j-index.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-common.css"/>
	    <link rel="stylesheet" type="text/css" href="css/zcss.css"/>
		<title>我的</title>
	</head>
	<body class="zmy zmynopr zbggry nopaddingbottom">
		<div class="wrap color3">
		  	 <div class="car-title">
		  	 	<i class="back" onclick=""></i>
		  	 	  <i class="nav-list"></i>
		  	 	  <p class="car-title-name">我的推荐好友</p>
		  	 </div>
			
			<!--内容部分-推荐好友-->
			<!-- 推荐好友列表 -->
			<div class="parlist">
				<div class="kuanlist">
					<span class="kuantitle">累计收益</span>
						<ul class="kuanlistul">
						<li class="fnclear">
							<img src="img/zpic05.jpg">
							<div class="fnleft">
								<h2>姚敏</h2>
								<span>2017-01-23 &nbsp;加入</span>
								<b>￥2.00</b>
							</div>
						</li>
						<li class="fnclear">
							<img src="img/zpic05.jpg">
							<div class="fnleft">
								<h2>姚敏</h2>
								<span>2017-01-23 &nbsp;加入</span>
								<b>￥2.00</b>
							</div>
						</li>
						<li class="fnclear">
							<img src="img/zpic05.jpg">
							<div class="fnleft">
								<h2>姚敏</h2>
								<span>2017-01-23 &nbsp;加入</span>
								<b>￥2.00</b>
							</div>
						</li>
						<li class="fnclear">
							<img src="img/zpic05.jpg">
							<div class="fnleft">
								<h2>姚敏</h2>
								<span>2017-01-23 &nbsp;加入</span>
								<b>￥2.00</b>
							</div>
						</li>
						</ul>
					</div>
			</div>

<!-- scrollparter下滑时加上 -->
			<div class="myhostde mypartner">
			<a class="backnext fontyellow">返回</a>
				<div class="myhostde01 fnclear">
					<img class="mypic" src="img/zpic05.jpg">
					<div class="fnleft">
						<h2>素衣</h2>
						<p><i class="usa"></i>&nbsp;&nbsp;|&nbsp;&nbsp;<span>模特</span></p>
						<p class="fontyellow"><i>￥</i>3445</p>
						<p class="fontgry">累计收益</p>
						<span class="fontgry">2014-01-23 加入</span>
					</div>
				</div>
				
				<!-- 收益详情 -->
				<div class="shouyilistdiv">
				<div class="shouyilist">
			    	<div class="shouyinav">
			    		<ul class="synav">
			    		<li class="crred">2017</li>
			    		<li>2017</li>
			    		<li>2017</li>
			    		<li>2017</li>
			    		<li>2017</li>
			    		<li>2017</li>
			    		</ul>
			    		<span>收益详情</span>
			    	</div>
					<ul class="shouyilists">
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
						<li class="fnclear">
							<span>01-23</span>
							<strong>未到账</strong>
							<i>￥128.0</i>
						</li>
					</ul>

				</div>
				</div>
			
			</div>
			
	
		</div>
		  	

	<script src="js/j-rem.js" type="text/javascript"></script>
	<script src="js/jquerys-1.7.2.min.js" type="text/javascript"></script>
	<script src="js/j-index.js" type="text/javascript"></script>
	

<!-- js -->
<script type="text/javascript">
$(function(){
	$(".kuanlist").show();
	$(".mypartner").hide();
	$(".kuanlistul li").click(function(){
		$(".kuanlist").hide();
		$(".mypartner").show();		
	});
	$(".backnext").click(function(){
		$(".kuanlist").show().fadeIn(500);
		$(".mypartner").hide();	
	})

	$(document).scroll(function(){
		 var top = $(document).scrollTop();
		 if(top>16){
		 	$('.myhostde').addClass(' scrollparter');
		 }
	})
})
</script>

<!--弹窗-->
<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>		
<style>
	.zhezhao{width: 100%; height: 300%; position: fixed; top: 0px; left:0px; background: rgba(0,0,0,.3); z-index: 10;}
	.tanc{width: 70%; height: auto;  background: #FFFFFF; position: fixed; top: 50%; left: 15%; margin-top: -65px; z-index: 11;}
	.tanc h4{display: block; width: 90%; height: auto; line-height: .43rem; padding: 0 10px; border-bottom: 1px solid #e2e2e2; color: #767676; text-align: center;  margin: 0 auto;}
	.tanc p.purple{width: 100%; height: auto; line-height: 1.6em; font-size: 14px; text-align: center; padding: 4px 0px;}
	.tanc p a{display: inline-block; width: 50%; float: left; height: auto; font-size: 16px; text-align: center;  font-size: 14px; line-height: 34px;}
</style>
<script type="text/javascript">
	$(function(){
		$('.zhezhao').hide();
		$('.tanc').hide();
		$('.pinj ul li').click(function(){
			$('.zhezhao').show();
			$('.tanc').show();
		})
		$('.colse').click(function(){
			$('.zhezhao').hide();
			$('.tanc').hide();
		})
		
	})
</script>
<div class="zhezhao"></div>
<div class="tanc">
	<h4>提示</h4>	
	<p class="purple">为了更好的体验，请关注<br>JustBuy公众号</p>
	<p>
		<a class="orange colse">取消</a><a class="zfontblue colse">确认</a>
	</p>
</div>
<!--弹窗end-->		

<!-- 滑动样式变化 -->

<!-- 滑动样式变化end -->


    </body>	
</html>
